﻿<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="renderer" content="webkit|ie-comp|ie-stand">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" />
<meta http-equiv="Cache-Control" content="no-siteapp" />
<!--[if lt IE 9]>
<script type="text/javascript" src="lib/html5shiv.js"></script>
<script type="text/javascript" src="lib/respond.min.js"></script>
<![endif]-->
<link rel="stylesheet" type="text/css" href="static/css/H-ui.min.css" />
<link rel="stylesheet" type="text/css" href="lib/Hui-iconfont/1.0.8/iconfont.min.css" />
<link href="lib/Hui-iconfont/1.0.9/iconfont.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="static/css/style.css" />
<!--[if lt IE 9]>
<link href="static/css/H-ui.ie.css" rel="stylesheet" type="text/css" />
<![endif]-->
<!--[if IE 6]>
<script type="text/javascript" src="lib/DD_belatedPNG_0.0.8a-min.js" ></script>
<script>DD_belatedPNG.fix('*');</script>
<![endif]-->
<title>数据统计</title>
<meta name="keywords" content="关键词,5个左右,单个8汉字以内">
<meta name="description" content="网站描述，字数尽量空制在80个汉字，160个字符以内！">
<style>
  .act-name{
    display:inline-block;
    width:175px;
    margin-right: 8px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    vertical-align: middle;
  }

  .multi-stream-tag{
    display:inline-block;
    width:32px;
    border:1px solid #465567;
      border-radius: 2px;
    text-align:center;
    position: relative;
    right: 8px;
  }
  .act-item:hover .multi-stream-tag{
      color: #fff;
      border-color: #fff;
  }
</style>
</head>
<body ontouchstart>
<div class="wrap">
        <div id="rm-header" class="header clearfix" data-type="4" data-account="5">
            <div class="top">
                <a class="logo-wrap" href="/console/?c=index&amp;a=index">
					       <img src="http://cdn13.mudu.tv/assets/upload/147071101583626.jpg" style="">
                </a>
                <div class="mid">
                    <a href="index.html" class="nav first active">首页</a>
                    <a href="/console?c=app" class="nav ">频道统计
                    </a>
                    <a href="/console/?c=data&amp;a=userlist" class="nav last " target="_blank">
                        观众画像
                    </a>
                    <a href="/console/?c=media" class="nav ">媒体库</a>
                </div>
                <div class="right-wrap">
                    <div id="msg-txt-wrap" class="hide">
                        <i class="iconfont" title="消息"></i>
                        <span class="num hide">0</span>
                    </div>
                    <div class="user-info act-manager">
                        <!-- <span class="dropDown">
                        	<a class="dropDown_A" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">管理员</a>
							<ul class="dropDown-menu menu radius box-shadow">
								<li><a href="#">多账号管理</a></li>
								<li><a href="#">密码设置</a></li>
								<li><a href="#">退出</a></li>
							</ul>
						</span> -->
						<div class="total-user-info" style="display: none;">
                  <a href="#">多账号管理</a>
                  <a href="#">密码设置</a>
                  <a href="#">退出</a>
                                                                          
              </div>
              <a id="username-link" title="账号设置" href="javascript:void(0)">
                  管理员</a>
              <i class="iconfont username-arrow"></i>
          </div>
				</div>
            </div>
           <div class="link clearfix">
                <div id="rm-channel" class="left">
                    
					<div class="chooseChannel">
					  <strong title="TEST"><i class="iconfont"></i>TEST</strong>
					  <span class="pull-down"></span>
					  <ul id="cChannel" class="hide">
					    <li>
					        <a class="act-item" href="/console/?c=broadcast&amp;a=index&amp;id=200930">
					            <span class="act-name">楚楚1</span>
					            <!-- <span class="multi-stream-tag">多流</span> -->
					        </a>
					     </li>
					    <li>
					        <a class="act-item" href="/console/?c=broadcast&amp;a=index&amp;id=200929">
					            <span class="act-name">测试</span>
					        </a>
					    </li>
					    <li>
					        <a class="act-item" href="/console/?c=broadcast&amp;a=index&amp;id=200458">
					            <span class="act-name">111</span>
					    </a>
					    </li>
					    <li>
					        <a class="act-item" href="/console/?c=broadcast&amp;a=index&amp;id=197381">
					            <span class="act-name">测试</span>
					        </a>
					    </li>
					    </ul>
					</div>
				</div>
        <button type="button" class="ant-btn"><i class="anticon anticon-link" ></i><span>观看地址</span></button>

        <ul class="right">
        			<a href="live.html" class="first-child brdcast ">
                  <li>
                      <i class="Hui-iconfont Hui-iconfont-bofang"></i><span>直播控制</span>
                  </li>
              </a>
              <a href="set.html" class="cnlmana ">
                  <li>
                      <i class="Hui-iconfont Hui-iconfont-manage2"></i><span>频道管理</span>
                  </li>
              </a>
              <a href="audience_statistics.html" class="usermana ">
                  <li>
                      <i class="Hui-iconfont Hui-iconfont-user2"></i><span>观众统计</span>
                  </li>
              </a>
              <a href="analysis.html" class="last-child anycal active">
                  <li>
                      <i class="Hui-iconfont Hui-iconfont-shujutongji"></i><span>数据统计</span>
                  </li>
              </a>
			    </ul>
            </div>
        </div>
        
  <div id="rm-main" class="main clearfix">
            
<div class="ananlysis-main-wrap">
    <div id="analysis-page-wrap">
    <div class="analysis-page-wrap new_version" >
    <p class="title" ><span>数据统计</span></p>
    <div class="analysis-echars-wrap" >
      <div class="analysis-export-btn-wrap"><button type="button" class="ant-btn ant-btn-ghost ant-btn-lg"><i class="iconfont"></i><span >导出</span></button></div>
    <div class="analysis-detail-box" >
      <p class="analysis-title">直播概况</p>
      <div class="detail-box">
        <p class="title" ><span>直播时长</span><i class="anticon anticon-question-circle-o" ></i></p>
        <p class="content" ><span>0</span><span >分钟</span></p>
      </div>
      <div class="detail-box">
        <p class="title" >观众数(UV)</p>
        <p class="content"><span>2</span><span>人</span></p>
      </div>
      <div class="detail-box" >
        <p class="title">观看量(PV)</p>
        <p class="content" ><span >2</span><span >次</span></p>
      </div>
      <div class="detail-box" >
        <p class="title">IP个数</p>
        <p class="content" ><span>2</span><span>个</span></p>
      </div>
      <div class="detail-box" >
        <p class="title" ><span>观看总时长</span><i class="anticon anticon-question-circle-o"></i></p>
        <p class="content" ><span >0</span><span >分钟</span></p>
      </div>
    </div>
    <div class="realtime-watchtime-box" >
      <div class="realtime-box">
        <p class="analysis-title">在线观众分布</p>
        <div id="realtime" class="echarts-realtime"></div>
      </div>
      <div class="watchtime-box" >
        <p class="analysis-title"><span >观看时长分析</span><i class="anticon anticon-question-circle-o" ></i></p>
        <div id="watchtime" class="echarts-watchtime">
        </div>
      </div>
    </div>
    <div class="district-list-box">
      <div class="district-box" >
        <p class="analysis-title">地域分布</p>
      <div id="district" class="echarts-district">
      </div>
      <div class="district-table-box" >
        <div class="analysis-export-btn-wrap" ><button type="button" class="ant-btn ant-btn-ghost ant-btn-lg" ><i class="iconfont" ></i><span >导出</span></button></div>
        <p class="title" >观看量排名</p>
        <div class="analysis-table" >
          <p class="table-header" ><span style="width:20%;">排名</span><span style="width:40%;">省份</span><span style="width:40%;">观看量</span></p>
          <ul ><li ><span style="width:20%;">1</span><span style="width:40%;">上海</span><span style="width:40%;" >1</span></li><li ><span style="width:20%;" >2</span><span style="width:40%;" >广东</span><span style="width:40%;" >1</span></li></ul>
        </div>
      </div>
      </div>
    </div>
    <div class="source-box" >
    <p class="analysis-title" ><span >访问来源</span><i class="anticon anticon-question-circle-o" ></i></p>
    <div class="analysis-export-btn-wrap" ><button type="button" class="ant-btn ant-btn-ghost ant-btn-lg"><i class="iconfont" ></i><span >导出</span></button></div>
    <div id="source" class="echarts-source"></div>
  </div>
    <div class="device-watchtype-box" >
      <p class="analysis-title">观看方式</p>
      <div id="device" class="echarts-device"></div>
      <div id="watch-type" class="echarts-watchtype" d="ffff">
      </div>
    </div>
    <div class="interactive-box analysis-box" >
      <p class="analysis-title" >榜单排行</p>
      <div class="table-wrap" >
        <div class="table-share">
          <h5 ><span >分享榜</span><a href="/console/?c=activity&amp;a=rankmanage&amp;id=201136" >查看更多</a></h5>
          <div class="analysis-table" >
            <p class="table-header" >
              <span style="width:10%;" >排名</span>
              <span style="width:35%;">观众名</span>
              <span style="width:25%;" >分享总数</span>
              <span style="width:30%;" >观众画像</span>
            </p>
            <ul >
              <li style="width:10%;">排名</li>
              <li style="width:35%;">观众名</li>
              <li style="width:25%;">贡献总金额</li>
              <li style="width:30%;">观众画像</li>
            </ul>
          </div>
        </div>
        <div class="table-contribution">
          <h5 ><span>贡献榜</span><a href="/console/?c=activity&amp;a=rankmanage&amp;id=201136&amp;type=2" >查看更多</a></h5>
          <div class="analysis-table" >
            <p class="table-header" >
              <span style="width:10%;">排名</span>
              <span style="width:35%;">观众名</span>
              <span style="width:25%;">贡献总金额</span>
              <span style="width:30%;">观众画像</span>
            </p>
            <ul ><li class="no-data">暂无数据</li></ul>
          </div>
        </div>
      </div>
    </div>
    </div>
    </div>
    </div>
</div>

        </div>
	
  <div id="rm-footer" class="footer clearfix">
	    <img src="http://cdn13.mudu.tv/assets/upload/147070872782018.png" style="width:390px; height:110px;" alt="目睹直播">
	</div>
</div>
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="lib/jquery-ui/1.9.1/jquery-ui.min.js"></script>
<script type="text/javascript" src="static/js/H-ui.js"></script>
<script type="text/javascript" src="lib/layer/2.4/layer.js"></script>
<script src="../assets/global/echarts-v3.3.2/echarts.min.js" type="text/javascript"></script>
<script src="../assets/global/echarts-v3.3.2/macarons.js" type="text/javascript"></script>
<script type="text/javascript">
    var act = {
        id: '201136',
        name: "test2",
        videoTime: '0',
        watchTime: '0',
        uv: '2',
        pv: '2',
        ip: '2'
    };
    var isShowHistoryData = false;
    var interactive = {
        shareRank: [],
        contributionRank: []    }
    var realtimeData = {
            x: [],
            y: []        },
        watchTimeSpan = {"more_than_60":0,"min_30_to_60":0,"min_10_to_30":0,"min_5_to_10":0,"less_than_5_min":2},
        watchtimeData = watchTimeSpan ? [
            watchTimeSpan.less_than_5_min,
            watchTimeSpan.min_5_to_10,
            watchTimeSpan.min_10_to_30,
            watchTimeSpan.min_30_to_60,
            watchTimeSpan.more_than_60
        ] : [0, 0, 0, 0, 0],
        viewsData = {
            max: 1,
            views: {"\u5e7f\u4e1c":1,"\u4e0a\u6d77":1}        },
        deviceData = {
            pc: 2,
            mobile: 0        },
        sourceData = {
            legend: ["\u76f4\u63a5\u8bbf\u95ee"],
            series: [{"value":2,"name":"\u76f4\u63a5\u8bbf\u95ee"}]        },
        watchtypeData = [{"name":"\u8c37\u6b4c\u6d4f\u89c8\u5668","value":2,"percent":100}],
        districtDataSource = [{"province":"\u4e0a\u6d77","view":1},{"province":"\u5e7f\u4e1c","view":1}],
        districtColumns = [{
            title: '排名',
            dataIndex: 'rank',
            width: '20%'
        }, {
            title: '省份',
            dataIndex: 'province',
            width: '40%'
        }, {
            title: '观看量',
            dataIndex: 'view',
            width: '40%'
        }];
    var isNewVersion = true;
    var isDataVersion = true;
</script>
<script src="./assets/dll/vendor.js"></script>
<script src="http://static.mudu.tv/1561082575/assets/js/dist/antd_css.bundle.js"></script>
<script src="http://static.mudu.tv/1562308161/assets/js/dist/data_console_analysis.bundle.js"></script>

</script>
</body>
</html>
